@charset "utf-8";

/* Base
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
color:#fff;
font: 14px Tahoma, Verdana,'Lucida Grande','Hiragino Kaku Gothic ProN',メイリオ, Meiryo, sans-serif;
letter-spacing:1px; 
line-height: 200%;
vertical-align: baseline;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

table {border-collapse: collapse; border-spacing: 0; color:#000;}
th {font-weight: bold; vertical-align: bottom; color:#000;}
td {font-weight: normal; vertical-align: top; color:#000;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
white-space: pre; /* CSS2 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

pre, code, kbd, samp {font-family: monospace, sans-serif;}

.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
button {width: auto; overflow: visible;}

.ie7 img {-ms-interpolation-mode: bicubic;}
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after, .clear { clear: both; }  
.clearfix { zoom: 1; }

img,
object,
embed {
max-width: 100%;
width: auto;
height:auto;
}

img.png{
	filter': 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="sample.png", sizingMethod="scale");
}



/* Original
-------------------------------------------------------------------------------*/

html {
height: 100%; 
}

body{
width:100%;
height:100%;
overflow-y: scroll;
overflow-x: hidden; 
}

select, input, textarea {color: #fff;}
select, input, textarea {color: #999; letter-spacing:2px;}

a,
a:link,
a:active,
a:visited{
color:#fff;
text-decoration: none;
}

a:hover,
ul.accordion a:hover{
color: #ccc;
text-decoration: none;
}

a:focus { outline:none;}

::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {
background: #eee;
text-shadow: 1px 1px 1px #000;
color: #fff;
}

a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

h2{
font-size:20px;
letter-spacing:3px;
text-align:center;
}



/*
loading
*/

#loading {
width:48px;
height:48px;
position: absolute;
left: 50%;
top: 50%;
margin: -24px 0 0 -24px;
z-index:100;
}

#fade {
width: 100%;
height: 100%;
display: none;
position: absolute;
background: #ffffff;
top: 0px;
left: 0px;
z-index: 50;
}

.hv_center {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}


/* HTML5 Reset end
-------------------------------------------------------------------------------*/


/*
Standard Classes
Author:Takuro Hishikawa
*/
strong{font-weight:bold}
.nomargin{margin:0!important}
.noborder{border:0!important}
.alignleft{text-align:left}
.aligncenter{text-align:center}
.alignright{text-align:right}
.clearboth{clear:both}
.clearleft{clear:left}
.clearright{clear:right}
.center{margin:0 auto; text-align:center;}
img.alignleft,.floatleft{float:left;margin:0 10px 10px 0}
img.alignright,.floatright{float:right;margin:0 0 10px 10px}
.trans {
-moz-transform: rotate(90deg);  /* FireFox */
-o-transform: rotate(90deg);  /* Opera */
-webkit-transform: rotate(90deg);  /* webkit */ 
-ms-transform: rotate(90deg);  /* IE9 */
transform: rotate(90deg);
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); /* IE5.5+ */
}